﻿@{
    Layout = "~/Views/Shared/_Main.cshtml";
}
<!--#主菜单-->
<div class="container">
    <ul class="breadcrumb">
        <li><a href="#">首页</a> <span class="divider">/</span></li>
        <li><a href="module.html">子分类</a> <span class="divider">/</span></li>
        <li class="active">商品名称</li>
    </ul>
    <!--//////////////////////////////////////////////////////////////////////////////////-->
    <div class="row">
        <div class="span3">
            <!--商家推荐-->
            <div class="title-line title-line-red">
                <h4>
                    商家推荐</h4>
            </div>
            <!--list-->
            <ul class="media-list">
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
            </ul>
            <!--#list-->
            <!--#商家推荐-->
            <div>
            </div>
            <!--//////////////////////////////////////////////////////////////////////////////////-->
            <div class="ad-banner-left">
                <!--AD-->
                <!--AD:220x60-->
            @{GoodMan.Tool.Configration.SiteResource.BlockItem adv = GoodMan.Tool.Configration.SiteResource.Block.FirstOrDefault(c => c.Key == "4").Items.FirstOrDefault();}
                @if (adv != null)
                { 
                    <a href="@adv.href">
                    <img src="@adv.img" alt="@adv.alt" /></a> 
                }
                <!--#AD-->
            </div>
            <!--浏览记录-->
            <div class="title-line title-line-red">
                <h4>
                    我看过的商品</h4>
            </div>
            <!--list-->
            <ul class="media-list">
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
                <li class="media"><a class="pull-left" href="#">
                    <!--icon:64x64-->
                    <img class="media-object" src="/content/img/t2.jpg">
                </a>
                    <div class="media-body">
                        <h5 class="media-heading">
                            <a href="#">名称</a></h5>
                        <a href="#">商品简单信息或描述</a>
                    </div>
                </li>
            </ul>
            <!--#list-->
            <!--#浏览记录-->
        </div>
        <div class="span9">
            <div class="row-fluid">
                <div class="span6 covers">
                    <!--封面大小:350x240-->
                    <img class="cover" src="/content/img/t1.jpg" />
                    <!--/////////////////////////////////-->
                    <div class="share">
                        <!-- JiaThis Button BEGIN -->
                        <div class="jiathis_style_32x32">
                            <a class="jiathis_button_qzone"></a><a class="jiathis_button_tsina"></a><a class="jiathis_button_tqq">
                            </a><a class="jiathis_button_renren"></a><a class="jiathis_button_kaixin001"></a>
                            <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis"
                                target="_blank"></a><a class="jiathis_counter_style"></a>
                        </div>
                        <!-- JiaThis Button END -->
                    </div>
                </div>
                <div class="span6 details">
                    <div class="details">
                        <h4>
                            名称名称名称名称</h4>
                        <div>
                            <span class="key">价格：</span><span class="important">&yen;112.00</span></div>
                        <div>
                            <span class="key">规格：</span><span class="important">250g</span></div>
                        <div>
                            <span class="key">货号：</span><span>Y98099</span></div>
                        <div>
                            <span class="key">品牌：</span><span>XXX</span></div>
                        <div>
                            <span class="key">产地：</span><span>XXX</span></div>
                        <div>
                            <span class="key">保质期：</span><span>3天（冷藏）</span></div>
                        <div>
                            <span class="key">月销量：</span><span>392件</span></div>
                        <div>
                            <span class="key">评价：</span><span><strong>4.8</strong>分累计评价1705</span></div>
                        <div>
                            <span class="key">购买数量：</span><span><input type="text" maxlength="5" class="integer topic"
                                value="1" />件</span></div>
                        <div class="">
                            <a href="#" class="btn btn-danger"><span class="icon-ok icon-white"></span>&nbsp;立即购买</span>
                            </a><a href="#" class="btn btn-success"><span class="icon-shopping-cart icon-white">
                            </span>&nbsp;加入购物车</span> </a><a href="#" class="btn btn-info"><span class="icon-star icon-white">
                            </span>&nbsp;加入收藏</span> </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix">
            </div>
            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab1" data-toggle="tab">商品详情</a></li>
                    <li><a href="#tab2" data-toggle="tab">商品评论</a></li>
                    <li><a href="#tab3" data-toggle="tab">销售记录</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab1">
                        <p>
                            <!--////////////内容开始/////////////////////-->
                            商品详情内容，通过富文本编辑器完成编辑。。。
                            <!--////////////内容结束/////////////////////-->
                        </p>
                    </div>
                    <div class="tab-pane" id="tab2">
                        <p>
                            <div class="eval">
                                商品与描述相符<span class="rate">4.8</span>分&nbsp;&nbsp;<span class="muted">[登录购买商品用户可参与评价]</span>
                            </div>
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td>
                                            包装超级用心，不过是买来送人的没有尝
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            很好吃，服务很满意。
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            包装超级用心，不过是买来送人的没有尝
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            很好吃，服务很满意。
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            包装超级用心，不过是买来送人的没有尝
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            很好吃，服务很满意。
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            包装超级用心，不过是买来送人的没有尝
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            很好吃，服务很满意。
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            包装超级用心，不过是买来送人的没有尝
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            很好吃，服务很满意。
                                        </td>
                                        <td>
                                            用户名<br />
                                            <span class="muted">2013-07-20 23:08:26</span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!--分页-->
                            <div class="pagination text-right">
                                <hr />
                                <div class="text-left span3">
                                    共有<strong>30</strong>条记录</div>
                                <ul>
                                    <li><a href="#">«上一页</a></li>
                                    <li><a href="#">下一页»</a></li>
                                </ul>
                            </div>
                            <!--#分页-->
                        </p>
                    </div>
                    <div class="tab-pane" id="tab3">
                        <p>
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>
                                            买家<span class="muted">[登录后可见] </span>
                                        </th>
                                        <th>
                                            价格
                                        </th>
                                        <th>
                                            数量
                                        </th>
                                        <th>
                                            付款时间
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mark
                                        </td>
                                        <td>
                                            25
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2013-07-14 09:44:28
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!--分页-->
                            <div class="pagination text-right">
                                <hr />
                                <div class="text-left span3">
                                    共有<strong>270</strong>条记录</div>
                                <ul>
                                    <li><a href="#">«上一页</a></li>
                                    <li><a href="#">下一页»</a></li>
                                </ul>
                            </div>
                            <!--#分页-->
                        </p>
                    </div>
                </div>
            </div>
            <!--//////////////////////////////////////////////////////////////////////////////////-->
            <div class="title-line title-line-red mgr-top">
                <h4>
                    其它热门商品</h4>
            </div>
            <div class="row-fluid product-x2">
                <!--其它热门商品-->
                <div class="product">
                    <a href="details.html">
                        <img src="/content/img/t1.jpg" alt="xxx" title="xxx" /></a>
                    <div class="p-name">
                        <a href="details.html" title="产品名称产品名称">产品名称产品名称</a><br />
                        价格： <span class="yen">&yen;</span><span class="price">112.00</span>
                    </div>
                </div>
                <div class="product">
                    <a href="details.html">
                        <img src="/content/img/t2.jpg" alt="xxx" title="xxx" /></a>
                    <div class="p-name">
                        <a href="details.html" title="产品名称产品名称">产品名称产品名称</a><br />
                        价格： <span class="yen">&yen;</span><span class="price">112.00</span>
                    </div>
                </div>
                <div class="product">
                    <a href="details.html">
                        <img src="/content/img/t3.jpg" alt="xxx" title="xxx" /></a>
                    <div class="p-name">
                        <a href="details.html" title="产品名称产品名称">产品名称产品名称</a><br />
                        价格： <span class="yen">&yen;</span><span class="price">112.00</span>
                    </div>
                </div>
                <div class="product">
                    <a href="details.html">
                        <img src="/content/img/t4.jpg" alt="xxx" title="xxx" /></a>
                    <div class="p-name">
                        <a href="details.html" title="产品名称产品名称">产品名称产品名称</a><br />
                        价格： <span class="yen">&yen;</span><span class="price">112.00</span>
                    </div>
                </div>
                <!--#其它热门商品-->
            </div>
        </div>
    </div>
</div>
